<template>
 <div class="mycoupons">
    <img class="bg2" src="@/assets/image/coupons-image/coupon.png" alt="">
    <div class="description">{{this.mycoupon.coupon.description}}</div>
    <div class="count">
      <span>{{this.mycoupon.count}} 张</span> 
    </div>
 </div>
</template>

<script>
 export default {
  name: '' ,
  props:['mycoupon'],
 data () {
 return {
  }
 }
}

</script>
<style scope lang="less">
.mycoupons{
  .description{
    position: relative;
    bottom: 200px;
    font-size: 35px;
    color: #fff;
    font-family: LiSu;
  }
  .count{
    position: relative;
    bottom: 95px;
    font-size: 16px;
    color: #3D7288;
    cursor: default;
    align-items: center;
    &:hover{
      color: #67C23A;
    }
  }
}
</style>